<template>
 <view class="UCell" @click="to">
  <view class="left">
   <image :src="item.leftUrl" mode=""></image>
   <text>{{item.leftText}}</text>
  </view>
  <view class="right">
   <text>{{item.rightText}}</text>
   <image src="/static/images/jt.png" mode=""></image>
  </view>
 </view>
</template>

<script>
 export default {
  props: {
   item: {
    type: Object,
    default:{}
   }
  },
  data() {
   return {

   };
  },methods:{
   to(path){
   // let _this=this.
    if(this.item.leftText!=="客服电话"){
     uni.navigateTo({
      url:this.item.path
     })
    }else{
    wx.makePhoneCall({
		phoneNumber: '10106188' 
	})
    }
   }
  }
 }
</script>

<style lang="scss" scoped>
 .UCell {
  width: 100%;
  height: 120rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 55rpx;
  box-sizing: border-box;
  background-color: #fff;

  image {
   width: 30rpx;
   height: 30rpx;
  }

  text {
   margin: 20rpx;
  }

  .left {
   font-weight: bold;
  }

  .right {
   font-size: 24rpx;
   color: #999;
   display: flex;
   align-items: center;
  }
 }
</style>